<!--
组件名称：
-->
<template>
    <div>
        <table class="table1">
            <template v-for="(item,index) in tableData">
                <tr :key="index">
                    <td>{{item.t1}}</td>
                    <td>{{item.t2}}</td>
                </tr>
            </template>
        </table>
    </div>
</template>
<script>
export default {
    name: 'page1-tab1',
    data () {
      return {
        tableData: [
          { t1: '强制访问控制功能', t2: '在MySQL的自主访问控制的基础上，添加了强制访问控制，并且控制的客体级别达到了记录级别。最大程度上保证了用户数据安全。' },
          { t1: '审计功能', t2: '审计功能在基本不影响性能的情况下（大概下降5%左右），审查记录所有数据库的相关操作，具有事前对非法操作进行拦截，事后对问题进行追溯的功能。' },
          { t1: '闪回查询功能', t2: '开启闪回查询可以让用户看到过去时刻的数据，记录被误删除后，可通过闪回查询快速找回，便于运维人员分析或者修复数据。' }
        ]
      }
    }
  }
</script>
<style lang="scss" scoped>
.table1 {
  width: 100%;
  border-collapse: collapse;
  line-height: 30px;
  th, td{
    font-size: 16px;
    font-weight: normal;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255,.2);
  }
}
</style>
